{% extends "base.html" %}

{% block title%}
<li id="tab_current">
	<a href="/osimtest/home" >Control Panel</a>
</li>
<li id="tab">
	<a href="/osimtest/report" >Test Results</a>
</li>
{% endblock %}

{% block content %}
<div id="control_panel">
	<div style="height: 20px"></div>			
	<div id="test_site" class="section">
		<div id="site">
			<h1 class="subtitle">Test Site</h1>
			<div id="input_submit">
				<input type="text" id="site_input">
				<button name="submiturl" type="button" onclick="send_url()">
				    <span>submit</span>
				</button>
			</div>
		</div>
	</div>
			
	<div id="upload_file" class="section">
		<h1 class="subtitle">Upload case file:</h1>
		<div class="file-upload-btn">
			<label for="uploader"></label>
			<form action="/osimtest/upload/" method="POST" enctype="multipart/form-data" name="form">
				<input type="file" name="file" id="uploader">
				<input type="submit" name="Submit upload" value="Upload">
			</form>
		</div>
		<div id="upload_progress">
			<div>
				<div id="progress_bar"></div>
			</div>
		</div>
	</div>
			
	<div id="start-test" class="section">
		<h1 class="subtitle">Start Automation Test</h1>
		<div id="start-btn">
			<button name="Start Test" type="submit" onclick="request_test()">
				<span>Start Test</span>
			</button>
		</div>
		<div>
		</div>
		<div>
		</div>
	</div>
			
	<div id="progress" class="section">
		<h1 class="subtitle">Progress:</h1>
	</div>
			
</div>
{% endblock %}